<template>
    <div>
        <el-button @click="Service">客服</el-button>
        <el-dialog
            title="电脑客服"
            :visible.sync="dialogVisible"
            width="60%"
            >
            <div>
                <Chat></Chat>
            </div>
        </el-dialog>

        
    </div>
</template>

<script>
import Chat from '../../components/Chat.vue'
    export default {
         components: {
            Chat
        },
        data() {
            return {
                dialogVisible: false
            }
        },
        methods:{
            Service(){
                this.dialogVisible = true
            }
        }
    }
</script>

<style lang="less" scoped>

</style>